﻿body {
}
/* This is from the first post */

/* -------------------------------------------------------------- 
structure.css
sustainable a17 stylesheet
by Antoine Doury from AREA 17

Main stylesheet used for the structure, fonts, colors
-------------------------------------------------------------- */

body {
  color:#262626;
  font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	line-height:1.5em;
}


/* to remove in production - only for testing other body fonts */
body.calibri {
  font-family: Calibri, Helvetica, Arial, sans-serif;
}
body.verdana {
  font-family: Verdana, Helvetica, Arial, sans-serif;
}
body.tahoma {
  font-family: Tahoma, Geneva, Kalimati, sans-serif;
}
body.arial {
  font-family: Arial, sans-serif;
}
body.lucida_sans_unicode {
  font-family: "Lucida Grande", Arial, sans-serif;
}
/* end testing */

/* ---- color and types ---- */

h1 {
  font: normal 64px/70px 'CallunaBlack', Georgia, Times, Times New Roman, serif;
  color:#1A1A1A;
}
h2 {
  font: normal 45px/48px 'CallunaBlack', Georgia, Times, Times New Roman, serif;
  color:#1A1A1A;
}
h3 {
  font: normal 28px/30px 'CallunaBlack', Georgia, Times, Times New Roman, serif;
  color:#1A1A1A;
}


.mini-article h3,
h3.subtitle {
  padding-top:0;
  font-size:18px;
  line-height:22px;
}

h3.min-title {
  border-bottom:1px solid #DADCDE;
  text-transform:uppercase;
  font: 14px/20px 'CallunaSemibold', Georgia, Times, Times New Roman, serif;
  padding:0;
  padding-top:7px;
  padding-bottom:3px;
  border-top:1px solid #DADCDE;
  margin-bottom:15px;
}

h1 a, h2 a, h3 a, h4 a {
  color:#1A1A1A;
}
h4 {
  font-weight:bold;
  color:#1A1A1A;
}
h5, .location {
  text-transform:uppercase;
  color:#8B96A0;
  font: 11px/18px 'CallunaSemibold', Georgia, Times, Times New Roman, serif;
}

.hover h4 a,
.hover h3 a,
.hover h2 a,
.hover h1 a {
  text-decoration:underline;
}
.hover h2 + h3 a {
  text-decoration:none;
}

.location {
  line-height:15px;
}
a {
  color:#11537C;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}

.date_ago {
  color: #8B96A0;
}

.date_ago.hot {
  color:#ed2824;
}

a img {
  border 0 none;
  display:block;
}
b, strong {
  font-weight:bold;
}

i, em {
  font-style:italic;
}

a.bt,
a.bt2 {
  display:inline-block;
  color:#FFF;
  background:#ED2824;
  height:30px;
  padding:0 13px;
  line-height:30px;
  border:1px solid #D62420;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-shadow: rgba(0, 0, 0, 0.2) 0 1px 0;
}

a.bt2 {
  background:#394d5b;
  border:1px solid #23313A;
}

a.bt:hover {
  background:#D62420;
  text-decoration:none;
}

a.bt2:hover {
  background:#23313A;
  text-decoration:none;
}

a.small {
  color:#8B96A0;
}

input.submit2 {
  border: medium none;
  color: #FFFFFF;
  cursor: pointer;
  font: 12px "Lucida Grande", Arial, sans-serif;
  height: 28px;
  padding: 0;
  background:#A7A9AC;
  position: absolute;
  text-align:center;
  right: 8px;
  top: 8px;
  width: 39px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
input.submit2:hover {
  background:#808285;
}
/* ---- main structure ---- */

#content,
.inner_header,
#editors_picks {
  width:940px;
  margin:0 auto;
}

#content {
  margin:0 auto;
  overflow:hidden;
}

#main,
#single {
  width:620px;
  margin-top:10px;
  float:left !important;
}

#sub-col {
  /*overflow:hidden;*/
  width:620px;
}

#left {
  width:220px;
  float:left;
}

#right {
  width:380px;
  float:right;
}

aside {
  width:300px;
  margin-top:10px;
  float:right !important;
}

/* ---- medias ---- */

.media {
  display:block;
  position:relative;
  overflow: hidden;
}

.media img {
  display:block;
}

.media .icon_play {
  position:absolute;
  background: url("../images/icons.png") no-repeat 0 -1950px;
  width: 35px;
  height: 34px;
  left:0;
  bottom:0;
}
.media a:hover .icon_play,
.hover .media a .icon_play {
  background-position:0 -2000px;
}

/* ---- articles ---- */
article.main-article {
  margin-bottom:35px;
}

article.main-article .media {
  height:250px;
}

article.large-article .media  {
  height:285px;
}
article.large-article .media .icon_play {
  top: 10px;
  left: 10px;
  background-position: 0 -1850px;
  width: 48px;
  height: 46px;
}
article.large-article .media.large  a:hover .icon_play,
article.large-article.hover .media  a .icon_play {
background-position:0 -1900px;
}

article.small-article {
  /*overflow:hidden;*/
}
article.small-article .media {
  height:75px;
  padding-top:7px;
  float:left;
  margin-right:15px;
  margin-bottom:5px;
}
article.small-article .media .icon_play {
  background-position: 0 -2050px;
  width: 22px;
  height: 21px;
}
article.small-article .media a:hover .icon_play,
article.small-article.hover .media a .icon_play {
background-position:0 -2100px;
}

article a.tags,
.blurb a.tags {
  color:#8B96A0;
}

article a.tags:hover,
.blurb a.tags:hover {
  color:#ed2824;
  text-decoration:none;
}

article h3,
article h2 {
  padding-top:17px;
}
article .kicker + h3,
article .kicker + h2 {
  padding-top:12px;
}

h3 a.columnist,
h2 a.columnist {
  color:#8B96A0;
}

.hover h1 a.columnist,
.hover h2 a.columnist,
.hover h3 a.columnist {
  text-decoration:none;
}

article footer {
  margin-top:10px;
  margin-bottom:-3px;
}

#sub-col article {
  border-bottom:1px solid #E6E8EA;
  padding-bottom:15px;
  margin-bottom:20px;
}

/* typos serif + non serif */

article p {
  padding:7px 0 0 0;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size:13px;
}

p.meta,
article p.meta,
article p a.tags {
  color:#8B96A0;
  font-family: "Lucida Grande", Arial, sans-serif;
  font-size:12px;
}

article.mini-article h3 {
  margin-top:-4px;
}

#right article.last-child {
  border-bottom:0 none;
  margin-bottom:0;
  padding-bottom:0;
}

#right article:last-child {
  border-bottom:0 none;
  margin-bottom:0;
  padding-bottom:0;
}

/* --- breaking article --- */
article.breaking-article h1 {
  padding:17px 0 24px 0;
}
article.breaking-article footer {
  margin-top:0;
  background: #F3F1EF;
  padding:16px 0 4px 20px;
  border-bottom:3px solid #DADCDE;
  width:920px;
  overflow:hidden;
}
.breaking-article .packaging ul li {
  display:inline;
  float:left;
}
.breaking-article .packaging ul li a {
  display:block;
/*  height:18px;*/
  line-height:18px;
  width:420px;
  text-indent:0;
  font-size:14px;
  padding-left:30px;
  margin-bottom:12px;
}

/* --- breaking news --- */
.breakingnews {
  border-bottom:1px solid #DADCDE;
  padding:17px 20px 15px 161px;
  background: url("../images/nav.png") no-repeat scroll 18px -1932px #F3F1EF;
}
.breakingnews h2 {
  font-size:18px;
  line-height:22px;
  display:inline;
  margin-right:15px;
}

.socialnews{border-bottom:1px solid #DADCDE;padding:17px 20px 15px 148px;background: url("../images/nav.png") no-repeat scroll 18px -2151px #F3F1EF;}

.socialnews h2{font-size:18px;line-height:18px;display:inline;margin-right:15px;}

.livenow{border-bottom:1px solid #DADCDE;padding:17px 20px 15px 114px;background: url("../images/nav.png") no-repeat scroll 18px -2204px #F3F1EF;}

.livenow h2{font-size:18px;line-height:18px;display:inline;margin-right:15px;}


/* stocks */
.stocks {
  float:right;
  width:180px;
  margin-left:20px;
  overflow:hidden;
}
.stocks dl {
  float:left;
  margin: 0 10px 10px 0;
  width:80px;
}
.stocks dt {
  color:#8B96A0;
  font-size:11px;
}
.stocks dd {
  font: 18px/20px 'CallunaBlack', Georgia, Times, Times New Roman, serif;
  color:#1A1A1A;
}
.stocks dd.pos {
  color:#6EA6BA;
}

/* pagination */

ul.pagination {
  text-align: center;
  margin-top:15px;
  height:23px;
  background:#f3f1ef;
  border-top:1px solid #e6e8ea;
  border-bottom:1px solid #e6e8ea;
  padding: 14px 10px 16px 10px;
}



ul.pagination li {
  display: inline-block;
  list-style-type: none;
  *display: inline;
  margin: 0;
  padding: 0;
}

ul.pagination li a,
ul.pagination li span {
  display: block;
  *display: inline-block;
  padding: 3px 9px 2px 9px;
  font-size:13px;
}

ul.pagination li.next {
  display: inline;
  float: right;
  margin-right: 0;
  margin-top: -3px;
  height: 32px;
  overflow: hidden;
  _width: 31px;
}
ul.pagination li.prev {
  display: inline;
  float: left;
  margin-right: 0;
  margin-top: -3px;
  height: 32px;
  overflow: hidden;
  _width: 31px;
}

ul.pagination li.prev a,
ul.pagination li.next a,
ul.pagination li.prev span,
ul.pagination li.next span {
display: block;
background: url("../images/icons.png") no-repeat 0 -2600px;
width:31px;
height: 32px;
overflow:hidden;
text-indent:-999em;
padding:0;
border: 0 none;
color: #1A1A1A;
}
ul.pagination li.next a:hover,
ul.pagination li.next span {
  background-position: 0 -2550px;
}
ul.pagination li.prev a {
  background-position: 0 -2700px;
}
ul.pagination li.prev a:hover,
ul.pagination li.next span {
  background-position: 0 -2650px;
}

ul.pagination li.prev span,
ul.pagination li.next span {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.50;
}
ul.pagination li.current a,
ul.pagination li span {
  color:#8B96A0;
}

ul.pagination li span.hellip {
  font-weight:bold;
}

ul.pagination li.current a:hover {
  text-decoration:none;
  cursor:default;
}
